<template>
<div id="discounttwo" class="disContainer"></div>


</template>

<script>
import echarts from 'echarts'
export default {
    mounted(){
        this.initEchart()
    },
    methods:{
        initEchart(){
             this.$nextTick(() => {
        this.echart = echarts.init(document.getElementById("discounttwo"));
        this.echart.setOption(this.option());
      });
        },
        option(){
            let option = {
  xAxis: {
    type: 'category',
    boundaryGap: false,
    data: ['11.00', '12.00', '13,00', '14.00', '15.00', '16.00', '17.00']
  },
  yAxis: {
    type: 'value'
  },
  series: [
    {
      data: [820, 932, 901, 934, 1290, 1330, 1320],
      type: 'line',
      areaStyle: {}
    }
  ]
};
            return option 
        }

    }

}
</script>

<style lang='stylus' scoped>
.disContainer{
    width: 280px;
    height: 200px;
    background-color: white;
    margin-left: 25px;
     margin-top: 10px;
      border-radius: 5px;
}
</style>